On Nov 10, 2021, at 10:13 PM, kaytiwiita ***@***.***> wrote:  @kaytiwiita commented on this pull request. Looking really nice! Well done converting those components into functional components! Remember that you can import useState and other hooks from react to clean up your code and to keep good indentation In src/GuessControl.js: > import Button from "./Button"; +function GuessControl({ onGuess }) { + const [currentGuess, setCurrentGuess] = React.useState(''); you can import useState from react to prevent from re-writing React In src/NumberGuessingGame.js: > - handleReset() { - this.setState({ - numberToGuess: getRandomNumber(), - numberOfGuesses: 0, - latestGuess: null, - }); - } - - render() { - const isCorrectGuess = this.state.latestGuess === this.state.numberToGuess; - +function NumberGuessingGame() { + const[numberToGuess, setNumberToGuess]= React.useState(getRandomNumber()); + const[numberOfGuesses, setNumberOfGuesses]= React.useState(0); + const[latestGuess, setLatestGuess]= React.useState(null); +function handleGuess(guess) { fix indentation to match state variable indentation In src/NumberGuessingGame.js: > - }); - } - - handleReset() { - this.setState({ - numberToGuess: getRandomNumber(), - numberOfGuesses: 0, - latestGuess: null, - }); - } - - render() { - const isCorrectGuess = this.state.latestGuess === this.state.numberToGuess; - +function NumberGuessingGame() { + const[numberToGuess, setNumberToGuess]= React.useState(getRandomNumber()); can import useState like mentioned above — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.